
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="utf-8">
    <title>简易灯箱画廊设计</title>
    <style>
        *{
            margin: 0;
        }
        #total{
            width:100%;
            background: azure;
            height:1000px;
        }
        #fpic{
            margin-left: 15%;
        }
        .pic{
            margin : 50px;
            width: 100px;
            height: 100px;
        }
        #show-bigger{
            margin: auto;
            width: 600px;
            height: 450px;
            background: aquamarine;
        }
    </style>
</head>
<body >
<div id="total">
    <h3 style="color: red;text-align:center;">简易画廊设计</h3>
    <hr color="red">
    <embed src="http://www.kugou.com/song-36/ewtz36.html?from_360" autostart="ture" loop="ture" style=" display:none;"></br></br>
    <img  class="pic" id="fpic"src="http://i2.download.fd.pchome.net//g1/M00/11/1B/oYYBAFYteTaIf3pqAAjFZKr5srgAACv0QDV-zUACMV8253.jpg"
          onclick="myfunction(this)" tabIndex=1 onblur="myfunction1(this) " style="top:100px;" >
    <img  class="pic" src="http://i2.download.fd.pchome.net//g1/M00/11/1B/ooYBAFYteQeIacVOAAf3TP1n9I4AACv0QEgd6sAB_dk749.jpg"
          onclick="myfunction(this)"  tabIndex=1 onblur="myfunction1(this)">
    <img  class="pic" src="http://i3.download.fd.pchome.net//g1/M00/11/1B/ooYBAFYteP6IOe0WAAfY8w9chh4AACv0QDznEEAB9kL305.jpg"
          onclick="myfunction(this)" tabIndex=1 onblur="myfunction1(this)">
    <img  class="pic" src="http://i8.download.fd.pchome.net//g1/M00/11/1B/ooYBAFYteQ6IeNllAAfUk2Uv1noAACv0QFA950AB9Sr812.jpg"
          onclick="myfunction(this)" tabIndex=1 onblur="myfunction1(this)">
    <img  class="pic" src="http://i6.download.fd.pchome.net//g1/M00/11/1B/ooYBAFYteSaIN4qBAAbzyEraCEQAACv0QG6cgYABvPg696.jpg"
          onclick="myfunction(this)" tabIndex=1 onblur="myfunction1(this)">
    <div id="show-bigger"><img  id="spic" src="http://i8.download.fd.pchome.net//g1/M00/11/1B/ooYBAFYteQ6IeNllAAfUk2Uv1noAACv0QFA950AB9Sr812.jpg"
                                style="width: 100%;height: 100%"></div>
</div>
</body>
</html>